{% extends "/based/based.html" %}
{% block content %}
	<main class="page-content">
	<form method="POST" name = "memo">
	<style>
	.volvo{color: grey;}
	.saab{color: red;}
	.txt_area{color:black;}
	</style>
	<script src="{{url_for('static',filename='js/plotly-latest.min.js')}}"></script>
	<br>
	 <table align="center" border="0" style="width: 80%; ">
		<tbody>
			<tr>
				<td >
				<div align="center" style="text-align:center" id="fourth" class="buttonBox" type="submit" value = "select"/> 
				  <button name='submit_button' value='select'>选择</button>
				  <div class="border"></div>
				  <div class="border"></div>
				  <div class="border"></div>
				  <div class="border"></div>
				</div> 
				</td>
				<td>
				&nbsp;startDate:
				<input id="startDate" name="startDate" type="text" size=20 maxlength=20 value="2016-01-01" class="volvo" style="vertical-align: middle;"></input>
			
				&nbsp;
				items
				<select id="items" multiple="multiple" size=6 name="items" class="volvo" style="vertical-align: middle;">	
		        	<option>all</option>   
		        	<option>-------------</option>   
		        	{% for w in items %} 
				    	<option>{{ w }}</option>
				    {% endfor %}
					        
				</select>
				</td>
			</tr>
			</tbody>
		</table>
	<table align="center" border="0" width="90%">
	<br>
    <tbody>
        <tr>
        <td align="center" >
         {{fig|safe }}
        </td>
        </tr>
    
    </tbody>   
    </table>    
           
           
		 </form>
	
	
	<div align="center"><span style="font-size: x-large;"><span style="text-decoration: underline;"></span></span></div>
{% endblock %}